<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
    <base href="<%=basePath%>">
    <title>优标检测网</title>
    <!-- 浏览器上显示title 图标 icon图标 -->
	<link type="image/x-icon" rel="icon" href="<%=basePath %>resource/img/minilogo.png">

	<!-- 如果想让图标出现在收藏夹中，就：  -->
	<link type="image/x-icon" rel="shortcut icon" href="<%=basePath %>resource/img/minilogo.png">
	<link type="image/x-icon" rel="bookmark" href="<%=basePath %>resource/img/minilogo.png">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="优标">
	<meta http-equiv="description" content="优标">
    <link href="<%=basePath %>portal/css/page.css" type="text/css" rel="stylesheet">
    <link href="<%=basePath %>portal/css/main.css" type="text/css" rel="stylesheet">
    <link href="<%=basePath %>portal/css/datepickerbootstrap.css" type="text/css" rel="stylesheet">
    <title>上传标准</title>
    <style>
    	.UserType{display:none;}
    	.UserCompany {
		    width: 280px;
		}
    </style>
</head>
<body>
<%@include file="p_head.jsp"%>
<div class="NCContent">
    <div class="NCNewsHead">
        <div class="MainPage">
            <div class="NCMain">
                <h2 class="NCHeadWord">质量控制 / Quality Control</h2>
            </div>
        </div>
    </div>
    <div class="NCNewsList">
        <div class="MainPage">
            <div class="NCMain">
                <div class="NCNewsListContent">
                    <div class="QCTitleContentHead">报名人员</div>
                    <a href="javascript:history.back()" class="SCBackBtn">返回</a>
                    <div class="PCUserCountBody">
                        <div class="PCUserCountTable">
                            <div class="PCUserCountTitleBox">
                                <div class="PCUserCountTitle UserCompany">
                                    机构名称
                                </div>
                                <div class="PCUserCountTitle UserType">
                                    机构性质
                                </div>
                                <div class="PCUserCountTitle UserName">
                                    联系人
                                </div>
                                <div class="PCUserCountTitle UserPhone">
                                    手机号
                                </div>
                                <div class="PCUserCountTitle UserEmail">
                                    电子邮箱
                                </div>
                            </div>
                            <div id="usercountlist">
                            </div>
                            <div style="claer:both;"></div>
                        </div>
                        <div style="padding-bottom:170px;"></div>
                    </div>
                    <div class="news_content" id="page"></div>
                    <div class="NCNewsListContentFoot"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<input type="hidden" name="pageSize" id="pageSize" value="${pageSize}"/>
<input type="hidden" name="pageCount" id="pageCount" value="${pagecount}"/>
<input type="hidden" name="basePath" id="basePath" value="<%=basePath%>"/>
<input type="hidden" name="qualityId" id="qualityId" value="${qualityId}"/>
<%@include file="p_foot.jsp"%>
</body>
<script src="<%=basePath %>portal/js/res/jquery-1.4.2.min.js"></script>
<script src="<%=basePath %>portal/js/res/responsiveslides.min.js"></script>
<script src="<%=basePath %>portal/js/res/jquery.myPagination.js"></script>
<script src="<%=basePath %>portal/js/res/zebra_datepicker.src.js"></script>

<script src="<%=basePath %>portal/js/page/base.js"></script>
<script>
    $(function(){
	$("#page").myPagination({
	    currPage: 1,
	    pageCount: Number($("#pageCount").val()),
	    pageSize: Number($("#pageSize").val()) ,
	    cssStyle: 'sabrosus',
	    info: {
	        first: '首页',
	        first_on: true,
	        last: '尾页',
	        last_on: true,
	        prev: '&lt',
	        prev_on: true,
	        next: '&gt',
	        next_on: true,
	        //msg_on:false,		//为false 可以关闭 跳转栏
	        //link: '',
	        msg: "<div class='pagenum'><br><br>共{sum}页&nbsp;&nbsp;&nbsp;&nbsp;到第&nbsp;{curr}&nbsp;页</div>",
	    },
		ajax: {  
		    on: true,                         //开启状态
		    callback: 'ajaxCallBack',         //回调函数，注，此 ajaxCallBack 函数，必须定义在 $(function() {}); 外面  
		    url: $("#basePath").val()+"qualitycontrol_getUserCountJson.action",            //访问服务器地址  
		    dataType: 'json',                 //返回类型  
		    param:{on:true,page:1,rows:20,qualityId:$("#qualityId").val()} //参数列表，其中  on 必须开启，page 参数必须存在，其他的都是自定义参数，如果是多条件查询，可以序列化表单，然后增加 page 参数  
		}
	});
});

//自定义 回调函数  
function ajaxCallBack(data) { 
     var result = data.rows;  
     var insetViewData = ""; //视图数据  
     $.each(result, function(index,items) {  
    	 insetViewData += createQCs(items);  
     });  
     if (insetViewData == "")
	 {
		 insetViewData = "<div style='text-align:center;padding-top:140px;'>没有检索到数据</div>";
	 }
     $("#usercountlist").html(insetViewData);
}  

function createQCs(obj){
	var qc = '<div class="PCUserCountBox">'
                                +'<div class="PCUserCountG UserCompany">'
                                    +obj.joinerIdCompName
                                +'</div>'
                                +'<div class="PCUserCountG UserType">'
                                    +obj.joinerIdNatureName
                               +'</div>'
                                +'<div class="PCUserCountG UserName">'
                                    +(obj.joinerIdLinkMan == null ? "&nbsp;" : obj.joinerIdLinkMan)
                                +'</div>'
                                +'<div class="PCUserCountG UserPhone">'
                                    +obj.joinerIdPhone
                                +'</div>'
                                +'<div class="PCUserCountG UserEmail">'
                                    +obj.joinerIdEmail
                               +'</div>'
                            +'</div>';
	return qc;  
}
</script>
</html>